<template>
  <!-- 父亲 只需要弄两个容器来装儿子组件  引入两个儿子组件 1引入 2 注册   3 使用-->

    <div>
      <div class="box">
        <HomeChart></HomeChart>
      </div>
      <div class="bo2">
        <OrderChart></OrderChart>
      </div>
    </div>
 
</template>

<script>
import HomeChart from "./components/HomeChart.vue";
import OrderChart from "./components/OrderChart.vue";
export default {
  components: {
    HomeChart,
    OrderChart,
  },
};
</script>

<style lang="less" scoped>
div {
  display: flex;
}
.box {
  width: 500px;
  height: 500px;
  border: 1px solid red;
}
.bo2 {
  width: 500px;
  height: 500px;
  margin-left: 40px;
  border: 1px solid blue;
}
</style>